<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>WMS(HTML5)</title>
		<link rel="stylesheet" href="/resources/css/master.css" type="text/css" />
        
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        
        <!-- 
        <script src="http://www.drewgreenwell.com/scripts/metrojs/current/metrojs.js?v=0.8.9.3l"></script>
        <script src="http://www.drewgreenwell.com/scripts/metrojs/current/metrojs.css?v=0.8.9.3l"></script>
        -->
        
        
		{% block include %}{% endblock %}
		<style type="text/css">
		{% block css %}{% endblock %}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				//var canvas = $("#stockGraph")
				var canvas = document.getElementById("stockGraph");
				if(canvas.getContext){
					var ctx = canvas.getContext("2d");
					// Draw shapes
					ctx.beginPath();
					ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
					ctx.moveTo(110,75);
					ctx.arc(75,75,35,0,Math.PI,false);   // Mouth
					ctx.moveTo(65,65);
					ctx.arc(60,65,5,0,Math.PI*2,true);  // Left eye
					ctx.moveTo(95,65);
					ctx.arc(90,65,5,0,Math.PI*2,true);  // Right eye
					ctx.stroke();
				}
			});
			{% block script %}{% endblock %}
		</script>
	</head>

	<body>
		<header id="divHead">{% block head %}{% endblock %}</header>
		<div id="divBody">{% block body %}{% endblock %}</div>
		<footer id="divFoot">{% include "pc.master.foot.html" %}</footer>
	</body>
</html>
